body, html {
	background-color: #7e8481;
}

a:visited{
	color:#0000fb;
}

a{
	color:#0000fb;
}

a:hover{
	color:#000;
}

h2 {
	font-family:Verdana, Tahoma;
	font-size:14px;
	font-weight: bold;
	color:#666;
	
}

h2 a{
	text-decoration:none;
	color:#666;
}

h4 {
	font-family:Verdana, Tahoma;
	font-size:12px;
	font-weight: bold;
	color:#666;
	
}

div#top_page{
	display:block;
	width: 808px;
	height:30px;
	background:#fff url(/ebilling/_assets/skin/top_page.gif) no-repeat;
}

div#logo{
	position:absolute;
	left: 15px;
	top:20px;
	width: 350px;
	height:30px;
	background:#fff url(/ebilling/_assets/images/logo.jpg) no-repeat;
}
	
div#pagewrap {

	width: 808px;
	margin: 0 auto;
	position:relative;
	height:auto;
	background:#fff  url(/ebilling/_assets/skin/page_shadow.gif) repeat-y;
}

ul#optionslist{

	position:absolute;
	top: 19px;
	right:19px;
	margin:0 auto;
	padding: 0;
	height: 37px;
	list-style:none;

}

ul#optionslist li{
	position:relative;
	float: left;
	text-align: right;
	font-family:Tahoma;
	font-size:11px;
	font-weight: bold;
	width:100px;
	
}

ul#tabs
		{
	position:absolute;
	top: 54px;
	left:20px;
	margin:0 auto;
	padding: 0;
	height: 23px;
	list-style:none;
}



ul#tabs li
{
	position:relative;
	float: left;
	height: 23px;
	width:120px;
	background: url(/ebilling/_assets/skin/subbutton_off.jpg) no-repeat;
	text-align:center;
}
		
ul#tabs li.active
{
	background: url(/ebilling/_assets/skin/subbutton_on.jpg) no-repeat;
	text-align:center;
	color:#ddd;
}

ul#tabs li.active a
{
	color:#fff;
}

ul#tabs li a
{
	display: block;
	float: left;
	font-family:Verdana, Tahoma;
	font-size:12px;
	font-weight: bold;
	color: #777;
	text-decoration: none;
	width:123px;
	height:23px;
	text-align:center;
	padding-top:5px;
}

ul#tabs li a:hover
{
	text-decoration:none;
	
	width:123px;
	height:23px;
	text-align:center;
	color:#aaa;
}

ul#tabs li.active a:hover
{
	color:#fff;
}

div#subtabbar 
{
	position:absolute;
	top: 76px;
	left:13px;
	padding: 0px;
	height: 23px;
	width:773px;
	list-style:none;
	background: #0000fd;
	border-left: 8px solid #1c64d1;
}

ul#subtabs
{
	margin:0 auto;
	padding: 4px;
	height: 23px;
	list-style:none;
	
	
}

ul#subtabs li
{
	
	float: left;
	height: 23px;
	/* width: 150px; */
	padding: 0 6px;
	text-align:center;
	font-family:Verdana, Tahoma;
	font-size: 10px;
	font-weight: bold;
	color:#eee;
}

ul#subtabs li a
{
	color:#ccc;
	text-decoration:none;
}

ul#subtabs li a:hover
{
	color:#eee;
	
}

div#navsub li.active a
{
	color:#fff;
	font-weight: bold;
}


ul#quicklinkslist
{
position:absolute;
top: 110px;
left:13px;

font-family:Verdana, Tahoma;
font-size:10px;
width: 120px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;


}

div#quicklinks div.header{
	display: none;
}

ul#quicklinkslist 
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#quicklinks li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#quicklinks li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 8px solid #1958b7;

background-color: #0000fd;
color: #fff;
text-decoration: none;

}


#quicklinks li a:hover
{
border-left: 8px solid #1c64d1;

background-color: #2586d7;
color: #fff;
}

div#reportcontext {
	position:absolute;
	top: 235px;
	left:14px;
	background-color: #eef;
	border: 1px solid #88f;
	width: 117px;
	margin: 20px 13px 0 0;
}

div#reportcontext div.header{

	font-family:Verdana, Tahoma;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
	color:#888;

}

div#reportcontext li{

	font-family:Verdana, Tahoma;
	font-size:10px;
	
	text-transform:uppercase;
	list-style:none;
	border-top: 1px solid #90bade;
	
	color:#666;
	font-weight: bold;
}

div#reportcontext li.title{
	font-weight: normal;
	color:#999;
}

div#reportcontext ul{
	list-style: none;
	margin: 3px;
	padding: 3px;
	
}

div#breadcrumb{

	position:absolute;
	top: 110px;
	left:146px;
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
	font-weight: bold;
	color:#666;

}

div#pageheading{

	position:absolute;
	top: 123px;
	left:144px;
	font-family:Verdana, Tahoma;
	font-size:17px;
	font-weight: bold;
	color:#666;

}

div#maincontent {
	position:relative;
	top: 113px;
	left:137px;
	background-color: #fef;
	border: 1px solid #88f;
	width: 654px;
	overflow: auto;

	
		
}



div.graph{

	float:left;
	background-color: #fff;
	border: 1px solid #88f;
	width: 320px;
	padding: 1px;
	margin: 1px;

}


div.widegraph{

	float:left;
	background-color: #fff;
	border: 1px solid #88f;
	width: 646px;
	padding: 1px;
	margin: 1px;

}

div.reporttable{

	float:left;
	background-color: #fff;
	border: 1px solid #88f;
	width: 646px;
	padding: 1px;
	margin: 1px;

}

div.reporttable table{

	width:99%;
	margin:7px 0;
	border:1px #e5e5e5 solid;


}





table {
	width:99%;
	margin:7px 0;
	border:1px #e5e5e5 solid;
	padding: 0;
border-spacing: 0; 
}
thead tr td {
	padding:3px;
	border-bottom:1px #d8d8d8 solid;
	background:#f1f1f1;
	font-style:italic;
	color:#444;
	font-size:13px;
}
table td {
	padding:1px 3px;
	color:#666;
	
	font-family:Verdana, Tahoma;
	font-size:12px;
	
	color:#666;
}
table tr.alt td {
	background:#f3f3f3;
}

tfoot td{
	font-weight: bold;
	font-style:italic;
}


footer {
margin:0 auto;
padding:0;
text-align:center;
margin-left:30px;
margin-right:30px;
 font-family:Verdana, Tahoma;
 font-size:10px;
 font-style:normal;
 color:#818182;
 
 }
footer a{
	color:#818182;
	text-decoration:none;
	}
footer a:hover{
	color:#523784;
	}
footer a.activated{
	color:#523784;
	text-decoration:none;
	}	
